body { 
  background-color: #fff;
  color: #333;
}

body, p, ol, ul, td, input {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   15px;
  line-height: 18px;
}
/* Haxor */
body, p, ol, ul, td {
  text-align: left;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a, .button { 
  color: #666;
}
a, a:link {
  padding: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
}
a:visited { 
  color: #666; 
}
a:hover, input.button:hover { 
  color: #fff;
  background-color: #1D64AD;
}

/* Fonts e.d. */
body {
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #333;
	background-color: #E5E5E5;
	text-align: center;
}

/* Make sure the table cells show the right font */
td, th, h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}

/* Always align top, not middle */
td, tr, th {
  vertical-align: top;
}

/* Fonts e.d. */

#mainbody {
  padding: 20px;
}

#mainbody table#main {
  width: 100%;
}

#content {
  display: table;
  width: 100%;
  float: left;
  background-color: white;
  background: #fff url(../images/right-bg.gif) right repeat-y;
  margin-left: 8px;
  padding: 10px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 25px;
}

#content_bottom {
  /* Moet precies hetzelfde zijn als #content */
  display: table;
  margin-left: 8px;
  width: 100%;
  float: left;
  /* Tot hier */
  background: url(../images/bottom-bg.gif) top right no-repeat;
  height: 7px;

}

td#right {
  width: 275px;
}


#header {
  height: 84px;
}

#tabs, #maintabs, #header h1 {
  margin: 0px;
  padding: 0px;
}

#header h1 {
  text-align: left;
  padding: 10px;
  padding-bottom: 24px;
  margin-left: 20px;
  color: #FFCC00;
  float: left;
  font-size: 22px;
  margin-bottom: 4px;
  /*color: #CCFF33;*/
}
  
#header #usermenu {
  position: relative;
  float: right;
  text-align: right;
  width: 290px;
  margin: 10px;
  color: white;
  font-size: 9px;
}
#header #usermenu a {
  color: white;
  font-size: 9px;
}

#header {
  background-color: #036;
}
/* EINDE HEADER */

/* TABS */

#menu {
  width: 100%;
  float: left;
}

#tabs {
  vertical-align: bottom;
  clear: left;
  margin-left: 30px;
}

#tabs a {
  float: left;
  background-color: #1A4F85;
  color: white;
  padding: 4px 8px 6px 8px;
  border-left: 2px solid #003366;
  text-decoration: none;
  font-size: 16px;
}

#tabs li.selected a, #tabs li.selected a:hover {
  background: #e5e5e5 url(../images/tab-bg.gif) top repeat-x;
  color: #009900;
  font-weight: bold;
}

#tabs a:hover {
  background-color: #1D64AD;
  color: white;
}

#tabs li {
	margin: 0; 
  padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

/* EINDE TABS */

#sidebars {
  background-color: #FFFFEC;
  border: 1px solid #ccc;
  padding: 10px;
  padding-top: 0px;
}

/* Errors e.d. */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.error, .notice, .message, #errorExplanation {
  border: 3px solid black;
  border-width: 3px 0px 1px 3px;
  padding: 0px;
  font-size: 11px;
  font-weight: bold;
  min-height: 63px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}

.error h2, .notice h2, .message h2, #errorExplanation h2 {
  background-color: #CD0000;
  margin: 0px;
  padding: 2px;
  padding-bottom: 4px;
  color: white;
}

.error, #errorExplanation {
  border-color: #CD0000;
  border-bottom-color: grey; 
}

.error h2, #errorExplanation h2 {
  background-color: #CD0000;
}

.error p, .notice p, .message p {
  padding-left: 6px;
  padding-bottom: 6px;
  font-weight: normal;
  font-size: 11px;
}

.notice {
  border-color: #FFA929;
  background-color: #FFE478;
}

.notice h2 {
  background-color: #FFA929;
}

.message {
  border-color: #009100;
  background-color: #7DFF7D;
}

.message h2 {
  background-color: #009100;
}
/* Einde errors */

#container #content h1, #sidebar h2 {
  border-bottom: 2px solid grey;
  padding-bottom: 3px;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 15px;
  margin-right: 20px !important;
  padding-bottom: 8px !important;
}

#latest_declarations table, #latest_confirmed_deposits table {
  width: 100%;
  margin-bottom: 30px;
}

#content .declaratie_persoon {
  display: block;
  float: left;
  width: 200px;
  text-align: right;
  height: 23px;
}

#content .declaratie_additionele_personen {
  display: block;
  height: 13px;
}
/* EINDE CONTENT */

/* FORM ELEMENTEN */
label {
  line-height: 25px;
}

input.button {
  text-decoration: underline;
  border: 0px solid white;
  background: transparent;
  margin: 0px;
  padding: 0px;
  margin-top: -1px;
  padding-bottom: 2px;
  cursor: pointer;
  display: table-cell;
  /* Speciaal voor IE */
  overflow: visible;
  height: 20px;
  vertical-align: text-top;
  text-align: left;
}
/* EINDE FORM */

/* SIDEBAR */
#sidebar {
  background-color: #FFFFEC;
  border: 1px solid #ccc;
  margin-top: 17px;
  padding: 10px;
  padding-top: 0px;
}

#sidebar table#balans {
  width: 100%;
}

/* EINDE SIDEBAR */

a:hover.button, a.button {
  padding: 0px;
}

a.button img {
  background-image: url(../images/icons/bg_rounded.gif);
  background-color: #1A4F85;
  border: 0px;
}

#login {
  position: relative;
  height: 170px;
}

#login .user  {
  height: 110px;
  width: 160px;
  float: left;
  margin-right: 20px;
}

#login .user .button {
  display: block;
  position: absolute;
  bottom: 0px;
  margin-left: 140px;
}

#login .user .fullname {
  position: absolute;
  bottom: 25px;
}

#login .user .password {
  display: block;
  position: absolute;
   bottom: 0px;
}

.progress_indicator {
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

#module_deposits .button {
	text-align: right;
	text-align: right;
	float: right;
}

#content .user_image {
  float: left;
  margin-right: 10px;
  border: 1px solid grey;
}

#content h4 {
  border-top: 1px solid #89FF80;
  background-color: #C4FFC0;
  border-top: 1px solid #1A4F85;
  background-color: #F0F3F7;
  border-top: 1px solid #ccc;
  background-color: #FFFFEC;
  margin-bottom: 5px;
  margin-right: 20px;
  padding: 5px;
  background-color: #E5E5E5;
}

#content div.payers, #content div.participants {
  margin-left: 10px;
}

#content .participants, #content .payers {
  margin-bottom: 20px;
}

#content .participant, #content .payer {
  clear: both;
  height: 25px;
}

#content .participants .user, #content .payers .user,
#content .participants .amount, #content .payers .amount,
#content .action {
  height: inherit;
  width: inherit;
  float: left;
  display: block;
}

#content .action {
  margin-left: 3px;
}

#content .participants .amount, #content .payers .amount {
  float: right;
  font-weight: bold;
  margin-right: 50px;
}

#content .participants .additional_persons {
  margin-left: 10px;
  float: left;
}

/**
Notices hiero!
**/

#notices {
}

.notice_item {
  background-repeat: no-repeat;
  display: block;
  float: left;

}

.notice_item .editor {
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  margin-left: 30px;
  padding-bottom: 5px;
  width: 100px;
  border-bottom: 4px solid #333;
}

.notice_design_1 {
  background-image: url(../images/notices/postit_1.jpg);
  width: 320px;
  height: 243px;
  padding-top: 90px;
  padding-left: 40px;
}
.notice_design_1 .body {
  width: 280px;
}

.notice_design_2 {
  background-image: url(../images/notices/postit_2.jpg);
  width: 210px;
  height: 235px;
  padding-top: 20px;
  padding-left: 30px;
}
.notice_design_2 .body {
  width: 193px;
}

.notice_design_3 {
  background-image: url(../images/notices/postit_3.jpg);
  width: 310px;
  height: 290px;
  padding-top: 50px;
  padding-left: 20px;
}
.notice_design_3 .body {
  width: 285px;
}

.notice_design_4 {
  background-image: url(../images/notices/postit_4.jpg);
  width: 400px;
  height: 370px;
  padding-top: 30px;
  padding-left: 40px;
}
.notice_design_4 .body {
  width: 365px;
}

.notice_design_5 {
  background-image: url(../images/notices/postit_5.gif);
  width: 310px;
  height: 390px;
  padding-top: 28px;
  padding-left: 39px;
}
.notice_design_5 .body {
    width: 275px;
}

.notice_design_6 {
  background-image: url(../images/notices/postit_6.png);
  width: 247px;
  height: 280px;
  padding-top: 40px;
  padding-left: 30px;
}
.notice_design_6 .body {
    width: 234px;
}

.notice_design_7 {
  background-image: url(../images/notices/postit_7.png);
  width: 460px;
  height: 300px;
  padding-left: 25px;
  padding-top: 50px;
}
.notice_design_7 .body {
    width: 415px;
}

.declaration_payer span.label {
  display: block;
  width: 90px;
  float: left;
}